<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery框架---JavaScript 行为层：做页面触发型效果
		    JQuery框架封装了JavaScript所有功能，JQuery框架又叫做js类库
			1.使用JQuery
			  ①官方网站下载JQuery框架，格式jquery-1.11.1.js
			   注意：jquery-2-xx.js 以上版本不支持ie 6.7.8
			  ②引入JQuery框架，在head元素中添加scrip元素
			  ③JQuery语法使用，在后标记body元素前加script元素，在这个元素中写JQ语法
			  
			  
			JavaScript三部分组成 EMCAScript核心语法  理解：Java基础  功能：做逻辑
			                                 输出语句1.document.write("内容+元素")
												        效果直接输出页面中【较为常用】
													2.console.log("内容+变量值")
													    任何浏览器F12直接在控制台输出内容+变量值
														调取页面数据，查看页面程序运行状态【非常常用】
													3.alert("内容+变量值")
													    弹出框，测试功能是否生效，Debug页面方式
													4.confirm("内容")
													    弹出框，判断基础逻辑
											重点：DOM Document Object Model文档节点对象模型
											    功能：改变页面效果【结合逻辑操作页面元素和属性】
												改变页面效果--DOM树概念
												JS/JQ 写在最后一个body前原因
												DOM认为页面是一颗DOM树，树根·document
												按照html元素结构，body元素中页面出现元素最多位置，等待元素出现，才可以改变元素效果
												
												
												BOM Browser Object Model 浏览器对象模型
												针对浏览器功能操作
												功能：改变浏览器效果【结合逻辑操作浏览器功能】
		 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<script>
			$("button").click(function(){document.write("<h1>我要上厕所</h1>")})
		</script>
	</body>
</html>